<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>爱生活，爱购物</title>
		<link rel="stylesheet" type="text/css" href="/libs/bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="/libs/swiper/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="/libs/jquery-exzoom/jquery.exzoom.css" />
		<link rel="shortcut icon" href="/ico/GIRL.ico" />
		<link rel="stylesheet" type="text/css" href="/css/modules/detail.css" />
	</head>
	<body>
		<header></header>
		<main>
			<a href="/html/modules/cart.html">
				<div class="ToCart"></div>
			</a>
			<div class="detail-box" id="detail-box"></div>
			<script type="text/html" id="detail-boxTemplate">
				<div id="detail-img">
					<div id="FDJ">
						<div class="exzoom" id="exzoom">
							<!--大图区域-->
							<div class="exzoom_img_box">
								<ul class="exzoom_img_ul">
									{{each detail.photo shop}}
									<li><a href="/html/modules/list.html?id={{id}}"></a><img src={{shop.url}} ></li>
									{{/each}}
								</ul>
							</div>
							<!--缩略图导航-->
							<div class="exzoom_nav"></div>
							<!--控制按钮-->
							<!-- <p class="exzoom_btn">
								<a href="javascript:void(0);" class="exzoom_prev_btn"> &lt; </a>
								<a href="javascript:void(0);" class="exzoom_next_btn"> &gt; </a>
							</p> -->
						</div>
					</div>
				</div>
				
				<div id="detail-txt">
					<div class="txt-1">
						<h3>{{detail.title}}</h3>
						<h3>￥ {{detail.price}}</h3>
						<h4>{{detail.qunTitle}}</h4>
					</div>
					<p class="red">{{detail.couponStatus}}</p>
					<div class="txt-2">
						
							{{each detail.accessoryHints tt}}
								<span style="color: goldenrod;">{{tt}}</span>
							{{/each}}
					</div>
					<div class="mini-img"><a href="#"><img src={{detail.image}}></a></div>
					<div class="mini-logo">
						<a href="#"><img src="/imgs/minilogo01.png"></a>
						<a href="#"><img src="/imgs/minilogo02.png"></a>
					</div>
					<div class="btn-box">
						<input type="button" id="btn-to-cart" value="加入购物车" />
						<input type="button" id="btn-buy" value="立即购买" />
						<a href="#" id="return-info" style="color: red">{{shop.shopScoreText}}</a>
					</div>
				</div>
			</script>


			<div class="like-more">
				<h3>
					<span class="btn-span" id="btn-like" style="margin-right: 100px;">开心阅览</span>
					<span class="btn-span gray" id="btn-witch">最近浏览</span>
				</h3>
				<ul id="dddff"></ul>
				<script type="text/html" id="dddffTemplate">
					{{each detail.descContentList.slice(4,8) shop}}
					<li>
						<img src={{shop.image.url}}>
						<div class="mini-info"></div>
					</li>
				{{/each}}	
				</script>
			</div>

		</main>
		<footer></footer>

		<script src="/libs/require-demo/require.js" data-main="/js/modules/detail" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
